<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>xiaomi-network</title>
    <link rel="stylesheet" href="./css/style.css">
</head>

<body>
    <div class="topbar-wrap">
        <div class="topbar">
            <ul class="topbar-menu">
                <li>小米商城</li>
                <li>MIUI</li>
                <li>loT</li>
                <li>云服务</li>
                <li>金融</li>
                <li>有品</li>
                <li>小爱开放平台</li>
                <li>政企服务</li>
                <li>Select Region</li>
            </ul>
            <ul class="topbar-menu topbar-menu2">
                <li>登录</li>
                <li>注册</li>
                <li>消息通知</li>
                <li>购物车</li>
            </ul>
        </div>
    </div>
    <div class="header-wrap">
        <div class="header">
            <div class="logo">MI</div>
            <div class="doodle">
                <img src="./images/doodle.jpg" alt="doodle">
            </div>
            <ul class="menu">
                <li>小米手机</li>
                <li>红米</li>
                <li>电视</li>
                <li>笔记本</li>
                <li>空调</li>
                <li>新品</li>
                <li>路由器</li>
                <li>智能硬件</li>
                <li>服务</li>
                <li>社区</li>
            </ul>
            <input class="search" type="search">
        </div>
    </div>
    <div class="tiezhu-wrap">
        <div class="tiezhu">
            <ul class="site-category">
                <li>手机 电话卡</li>
                <li>电视 盒子</li>
                <li>笔记本 平板</li>
                <li>家电 插线板</li>
                <li>出行 穿戴</li>
                <li>智能 路由器</li>
                <li>电源 配件</li>
                <li>个护 儿童</li>
                <li>耳机 音箱</li>
                <li>生活 箱包</li>
            </ul>
            <img class="xiaomi8" src="./images/xiaomi8.jpg" alt="/">
        </div>
    </div>
    <div class="div4">
        <ul class="menu4">
            <li>选购手机</li>
            <li>企业团购</li>
            <li>F码通道</li>
            <li>不限量卡</li>
            <li>以旧换新</li>
            <li>话费充值</li>
        </ul>
        <div class="promo-list">
            <img src="./images/xiaomiMIX 2S.jpg" alt="">
            <img src="./images/redmi6 Pro.jpg" alt="">
            <img src="./images/空气净化器MAX.jpg" alt="">
        </div>
    </div>
    <div class="xm-shangou">
        <div class="shangou-hd">
            <h2 class="tittle">小米闪购</h2>
        </div>
    </div>
    <div class="shangou-bd">
        <div class="sg-left">
            <div class="time-tittle">
                10:00场</div>
            <img class="shandian" src="./images/shandian.png" alt="">
            <p>距离结束还有</p>
            <p class="shizhen">00</p>
        </div>
        <div class="sg-right">
            <div class="sg-r-1">
                <span>5折秒杀</span>
                <img class="maojin" src="./images/毛巾.jpg" alt="">
                <p>毛巾</p>
            </div>

        </div>
    </div>
</body>

</html>